<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<link rel="stylesheet" type="text/css" href="webmedia/style.css"/>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!--  Override css file to ajust box size for varying functions -->

 <style type="text/css" media="screen">  

#content {
	width: 852px;
	margin: 105px auto 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 20px;
	font: Aerial;

}
    </style> 
    


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<title>Liam J Sullivan - Making Web Search Spatial - Searching for {{query}}</title>



<!--  DataTables JS Import -->

<script type="text/javascript" language="javascript" src="webmedia/DataTables/media/js/jquery.dataTables.js"></script> 


<!-- Google Analytics Tracking Code -->


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-7541839-8']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>




</head>


<!-- @LiamSullivan use Googles copy of the ajax librarys, only Jquery really -->


  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  
	
	<script type="text/javascript">
	$(function() {
		$("#accordion").accordion({
			autoHeight: false,
			navigation: true,
			event: "mouseover"
		});
	});
	</script>
	
	
  
  
</head>  



<script type="text/javascript">


    jQuery.preloadImages = function() 
	
		{ 
	
			for (var i = 0; i < arguments.length; i++) 
					{ 
				
							jQuery("<img>").attr("src", arguments[i]); 
            
							$('.box1').attr('preloadURL', arguments[0]); 
					} 
		} 
 
    $.preloadImages("/webmedia/images/sky.jpg"); 
	
 
    $(document).ready(function() 
    		
    		
    		
	
		{ 
			if ($('.box1').attr('preloadURL') == '/webmedia/images/sky.jpg') 
		
			{
		
					$('.box1').css({ 'background-image': 'url(/webmedia/images/sky.jpg)' },$('.box1').fadeIn(4000)); 
        
			} 
    
		});
		
	
	
	$(document).ready(function()
		{
		
				$('#page_effect').fadeIn(1000);
				
		}
		
		);
	
	
	

 
	</script>




<script type="text/javascript">



	$(document).ready(function() {
		$('#ClassData').dataTable();
	} );
	
	</script>


<body>

<div id="page_effect" style="display:none;">



<div id="page">

	<div id="content">
	
	
	 </h4>

	
	<div id="accordion" >
		
		
			<h3><a href="#">Search Results for: {{query}}</a> </h3>
			
			<div>

    <a href="../">Back</a> 
    <br />   
        <br />  
            <br />  

    

     
     
     {%  for res in ResultObjectsList  %}
     
     <hr />
     
 
    
		<div class="result">
		
		<p>
	        
			<h4><a href="{{res.ClickURL}}">{{res.Title}}</a></h4>
			
	<p>
			{{res.Extract}}
			
	</p>
			<small>{{res.URL}}</small>
			
			<p>Relevance: {{res.relevance}}</p>
			

        
			</p>
			
		</div>
		
		
	{%  endfor  %}
	

     

    
   
			
			</div>
		
		
		
		
				
		
</div>



</div>


</body>
</html>
